import { Platform, StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    wrapper:{
        ...Platform.select({
			ios: {
				height: windowHeight - 64,
			},
            android: {
                flex: 1,
            }
		})
    },
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',
		...Platform.select({
			ios: {
				paddingTop: 0
			}
		})
	},
    loadContainer:{
        position: 'absolute',
        bottom: (windowHeight - 60) / 2,
        width: 60,
        height: 60,
        left: (windowWidth - 60) / 2,
        right: (windowWidth - 60) / 2,
        backgroundColor: '#444',
        alignItems: 'center',
        justifyContent: 'center',
        padding: 6,
        borderRadius: 12,
        shadowColor: '#f3f3f3',
        shadowOpacity: 0.5,
        shadowRadius: 1,
        shadowOffset: {
          width: 0,
          height: 1,
        },
        zIndex: 11
    },

    formContainer:{
        // flex: 1,
        borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 10,
        backgroundColor: '#ffffff',
    },

    topContainer:{
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: 40
    },

    listContainer:{
        alignItems: 'center',
        justifyContent: 'center',
        marginTop: 25,
    },

    titleImage:{
        width: 50,
        height: 50,
        justifyContent: 'center'
    },

    text:{
        fontSize: 15,
        color: '#696969',
        textAlign: 'center',
        lineHeight: 23
    },

    textSpi:{
        fontWeight: 'bold'
    },
    appealBtnOk:{
        borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#565656',
        borderRadius: 2,
        overflow: 'hidden',
        justifyContent: 'center',
        alignItems: 'center',
        marginLeft: 57.5,
        marginRight: 57.5,
        paddingTop: 11,
        paddingBottom: 11,
        marginTop: 40,
        backgroundColor: '#fff'
    },
    appealBtn:{
        color: '#565656',
        fontSize: 15
    },
    appealBtnCancel:{
        borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#565656',
        borderRadius: 2,
        overflow: 'hidden',
        justifyContent: 'center',
        alignItems: 'center',
        marginLeft: 57.5,
        marginRight: 57.5,
        paddingTop: 11,
        paddingBottom: 11,
        marginTop: 20,
        backgroundColor: '#EA5404'
    },

    btnContainer:{
        marginBottom: 77,
    }

});

export default styles;
